<!--  -->
<template>
  <div class="seoset">
    <el-tabs v-model="activeName">
      <el-tab-pane label="常用seo优化" name="1">
        <div style="height:15px;"></div>
        <CollaSeoOptimize />
      </el-tab-pane>
      <el-tab-pane label="百度API推送" name="2">
        <div style="height:15px;"></div>
        <CollaSeoBaiduAPI />
      </el-tab-pane>
    </el-tabs>
    <div style="height: 18px;"></div>
  </div>
</template>

<script>
import CollaSeoOptimize from '@/components/main/user/siteseo/CollaSeoOptimize.vue'
import CollaSeoBaiduAPI from '@/components/main/user/siteseo/CollaSeoBaiduAPI.vue'
export default {
  data () {
    return {
      activeName: '1'
    }
  },
  components: {
    CollaSeoOptimize,
    CollaSeoBaiduAPI
  }
}
</script>

<style scoped>
.seoset /deep/ .el-tabs__header .el-tabs__nav-wrap {
  padding-left: 30px;
}
.seoset /deep/ .el-tabs__header .el-tabs__item {
  font-size: 16px;
  padding:0 30px;
}
.seoset /deep/ .el-tabs__header .el-tabs__item:nth-child(2) {
  padding-left: 0;
}
.seoset /deep/ .el-tabs__header .el-tabs__item:last-child {
  padding-right: 0;
}
.seoset .el-collapse {
  border-top: 0;
}
.seoset .tempalte-title {
  font-size: 15px;
  font-weight: bold;
  color: #353535;
}
.seoset .active {
  color: #409eff;
}
.seoset /deep/ .el-table th {
  color: #555;
}
</style>
